<script setup lang="ts">
import MButton from "@/ui/button/MButton.vue";
import {routesInfo} from "@/plugins/router/routerInfo.ts";
import Language from "@/components/Language.vue";

const routeInfos = routesInfo.filter(value => value.path == "/game")[0].children || [];
</script>
<template lang="pug">
.siteheader
    .scroll
        MButton(:buttons="routeInfos")
        Language
</template>
<style scoped lang="scss">
.siteheader {
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 1010;
    background: rgba(0, 0, 0, 0.7);
    min-width: 1280px;
    height: 92px;

    .scroll {
        height: 92px;
        display: flex;
        padding: 0 20px;
        align-items: center;
        overflow: hidden;
        overflow-y: auto;
    }
}
</style>

